<template>
	<div class="index">
	        <el-container direction="vertical">
	            <el-header>
					<el-menu
					  class="el-menu-demo"
					  mode="horizontal"
					  background-color="#545c64"
					  text-color="#fff"
					  active-text-color="#ffd04b">
					  <el-menu-item index="1"><router-link to="/outpatient01/outpatienthomepage">门诊病历首页</router-link></el-menu-item>
					   <el-menu-item index="2"><router-link to="/outpatient01/inspectionApplication">检查申请</router-link></el-menu-item>
					   <el-menu-item index="3"><router-link to="/outpatient01/outpatientDiagnosis">门诊确诊</router-link></el-menu-item>
					   <el-menu-item index="4"><router-link to="/outpatient02/prescription">成药处方</router-link></el-menu-item>
					   <el-menu-item index="5">诊毕</el-menu-item>
					   <el-menu-item index="6">患者费用明细查询</el-menu-item>
					</el-menu>
				</el-header>
				<div>
					<router-view></router-view>
				</div>
	           
	        </el-container>
	    </div>
</template>

<script>
	// export default {
	//     data() {
	//       return {
	//         activeIndex: '1',
	//         activeIndex2: '1'
	//       };
	//     },
	//     methods: {
	//       handleSelect(key, keyPath) {
	//         console.log(key, keyPath);
	//       }
	//     }
	//   }
</script>

<style scoped="scoped">	    
	    .index{
	        height: calc(100vh);
	    }
	    html, body, #app, .el-container {
	
	        /*统一设置高度为100%*/
	        height: 100%;
	    }
		.el-header{
			padding: 0px 0px;
		}
</style>